<template>
		<tm-tabs _style="position:fixed;z-index:20;font-size:32rpx !important" :gutter="-1" @change="change" itemModel="card"  activeColor="rgb(130,216,6)" activeFontColor="white" color="#FADC19" :height="100" :item-width="itemWidth" :width="750" :default-name="defaultName">
			<tm-tabs-pane v-for="item in list" :title="item.title" :name="item.key" transprent  _style="background-color: aliceblue;font-size:32rpx !important"></tm-tabs-pane>
		</tm-tabs>
</template>

<script setup>
	const props = defineProps({
		list:Array,
		defaultName:{
			type:String,
			default:'0'
		}
	})

	const emit = defineEmits(['tabschange'])

	const change = (key)=>{
		emit('tabschange',key)
	}
	const itemWidth = Math.floor(750 * (1/props.list.length))
</script>

<style>
		/* background-image: linear-gradient( 180deg, #fadc19 0%, #3CD500 100%) !important; */
</style>
